<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<script language="Javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script> 

<script type="text/javascript" src="js/paging.js"></script>
<script language="JavaScript">
$(document).ready(function()
		{
	
	
	$("#allsts").change(function() {
		var isChecked = $('.selsts').attr('checked')?true:false;
		if(isChecked==false){
			$(".selsts").attr('checked', true);
		}
		else{
			$(".selsts").attr('checked', false);
		}
		
		});	    
	
	
	$('#search').keyup(function()
		    {
		        searchTable($(this).val());
		    });
		    
		    $("#example").tablesorter({ 
		       
		        headers: { 
		           
		             0: { 
		               
		                sorter: false 
		            },
		            
		            7: { 
		                
		                sorter: false 
		            },
		            8: { 
		                 
		                sorter: false 
		            }
		        } 
		    }); 
		    
		    
		   
		    $('#btnHide').click(function() {
                
                $('td:nth-child(2),th:nth-child(2)').hide();
            });
		    //$('td:nth-child(2),th:nth-child(2)').hide(); 
		    });
		 
		function searchTable(inputVal)
		{
		    var table = $('#example');
		    table.find('tr').each(function(index, row)
		    {
		        var allCells = $(row).find('td');
		        if(allCells.length > 0)
		        {
		            var found = false;
		            allCells.each(function(index, td)
		            {
		                var regExp = new RegExp(inputVal, 'i');
		                if(regExp.test($(td).text()))
		                {
		                    found = true;
		                    return false;
		                }
		            });
		            if(found == true)$(row).show();else $(row).hide();
		        }
		    });
		}
		



</script>

<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
div#navigation1
{
cursor:pointer;
}

.scrollable { width:1090px; height:500px; overflow-y:auto; overflow-x:auto; clip-rect:(0px, 1090px, 500px, 0px); }

</style>
</head>


<body>

	<s:actionerror />
	<div id="full_table">
	<div id="choose_which_columns_to_show"></div>
	<div id="actual_table">
	<table><tr><td width="1060" id="top" valign="top">
		<a href="addstudent.action?add=yes" ><font style="font-size: small;"><img alt="" src="images/plus.png">Add Row</font></a>
		&emsp;
			<a href="javascript:void(0);"
				onclick="PopupCenter('admin/UploadExcel.jsp','batch',300,300);"><font style="font-size: small;"><img alt="" src="images/upload.png">Upload
				</font></a></td><td width="500" align="right"><img alt="" src="images/search.png"><input type="text" id="search" size="50" />
		</td><td width="20"></td>
		</tr></table>
	
	<form id="form">
	<div class="srollable">
		<table id="example" class="tablesorter" width="100%" style="border-color: gray; border-style: solid; border-width: thin;">
			<thead>
				<tr bgcolor="yellow">
				<th><input type="checkbox" id="allsts"/></th>
					<th>Student ID</th>
					<th>Roll Number</th>
					<th>Name</th>
					<th>Email-Id</th>
					<th>Mobile Number</th>
					<th>Address</th>
					<th></th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<s:iterator value="list">
					<tr>
						<td><input type="checkbox" class="selsts"/></td>
						<td><s:property value="student_id" /></td>
						<td><s:property value="roll_number" /></td>
						<td><s:property value="student_name" /></td>
						<td><s:property value="email_id" /></td>
						<td><s:property value="mobile_number" /></td>
						<td><s:property value="address_line_1" /></td>
						<td><a href="editstudentlist?student_id=<s:property value="student_id"/>&edit=yes">EDIT</a></td>
						<td><a href="delete_student_details.action?student_id=<s:property value="student_id"/>">DELETE</a></td>
					</tr>
					
				</s:iterator>
			
			</tbody>
			<tfoot>
			<tr>
				<th colspan="3">Total result&emsp; <b><s:property value="result"/> </b></th>
				<th style="font-family: calibri; font-size: small; font-weight: bold; background-color: #e6EEEE;" colspan="8" align="right">
					&emsp;&emsp;
                    <s:set name="hasmore" value="morepages"/>
                    <s:if test="%{#hasmore=='false'}">

             <s:url id="url11" action="populatestudentslist.action" encode="true">
             		<s:param name="page"><s:property value="prevpage"/> </s:param>
             </s:url>
                    <s:a href="%{url11}">Prev</s:a>
                    </s:if>






 <s:iterator  value="noofpages" status="stat" var="element">

              <s:url id="url10" action="populatestudentslist.action" encode="true">
					<s:param name="page"><s:property value="%{#element}"/></s:param>
             </s:url>

            <s:set name="current" value="currentpage"/>
                <s:if test="%{#current==#element}">
                    <s:a href="%{url10}"><s:property value="%{#element}"/></s:a>
                </s:if>

                <s:else>
                    <s:a href="%{url10}"><s:property value="%{#element}"/></s:a>
                </s:else>

</s:iterator>

            <s:set name="hasmore" value="morepages"/>
                    <s:if test="%{#hasmore=='true'}">

             <s:url id="url11" action="populatestudentslist.action" encode="true">
             		<s:param name="category"><s:property value="category" /></s:param>
                    <s:param name="page"><s:property value="nextpage"/> </s:param>
             </s:url>

                    <s:a href="%{url11}">Next</s:a>
                    </s:if>
					&emsp;&emsp;
				</th>
			</tr>
		</tfoot>
		</table>
		</div>
		</form>
</div>
</div>
</body>
</html>